{% extends "meeting/meetingindex.html" %}

{% block detail %}

    <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts-wordcloud.min.js"></script>

    {#内容#}
    <div class="row">
        <div class="col-lg-6">
            <div class="panel panel-warning" style="box-shadow: #c6c6c6 0px 0px 5px 5px">
                <div class="panel-heading">各部门会议数占比</div>
                <div class="panel-body" style="height: 660px;">
                    <div id="meeting_hy_pie" style="width:100%; height:620px;">

                        <script>
                            $(function () {
                                    var hoststr = window.location.host
                                    var chart = echarts.init(document.getElementById('meeting_hy_pie'), 'white', {renderer: 'canvas'});
                                    var url = "http://" + hoststr + "/meeting/api_meeting_hy_pie?date=" + "{{ datestr }}";
                                    $.ajax({
                                        type: "GET",
                                        url: url,
                                        dataType: 'json',
                                        success: function (result) {
                                            chart.setOption(result);
                                        }
                                    });
                                }
                            )
                        </script>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="panel panel-warning" style="box-shadow: #c6c6c6 0px 0px 5px 5px">
                <div class="panel-heading">会议室使用次数占比</div>
                <div class="panel-body" style="height: 660px;">
                    <div id="meeting_hys_pie" style="width:100%; height:620px;">

                        <script>
                            $(function () {
                                    var hoststr = window.location.host
                                    var chart = echarts.init(document.getElementById('meeting_hys_pie'), 'white', {renderer: 'canvas'});
                                    var url = "http://" + hoststr + "/meeting/api_meeting_hys_pie?date=" + "{{ datestr }}";
                                    $.ajax({
                                        type: "GET",
                                        url: url,
                                        dataType: 'json',
                                        success: function (result) {
                                            chart.setOption(result);
                                        }
                                    });
                                }
                            )
                        </script>

                    </div>
                </div>
            </div>
        </div>

    </div>


{% endblock %}